import "./index/nav";
import "./index/search";
import "./index/banner";
import "./index/content";
import "./index/recommend";
import "./index/login";



















// nav-left部分功能
// $(function(){
    // function handlerAddClass(){
    //     $(this)
    //         .addClass("active")
    //         .siblings(".top-menu")
    //         .stop(true)
    //         .slideDown(50);
    // }
    // function handlerRemoveClass(){
    //     $(this)
    //         .removeClass("active")
    //         .siblings(".top-menu")
    //         .stop(true)
    //         .slideUp(50);
    // }
    // $(".left-container li .top").on("mouseenter",handlerAddClass);
    // $(".left-container li .top").on("mouseleave",handlerRemoveClass)
    // // nav-right部分功能
    // $(".right-container li .top").on("mouseenter",handlerAddClass);
    // $(".right-container li .top").on("mouseleave",handlerRemoveClass);


    
    // // 搜索框模糊搜索功能
    // $(".ipt_search").on("input",() => {
    //     let $options = {
    //         dataType : "jsonp",
    //         data : {
    //             prod : "pc",
    //             from : "pc_we",
    //             wd : $(".ipt_search")[0].value,
    //         },
    //         jsonp : "cb"
    //     }
    //     let $res = $.ajax("https://www.baidu.com/sugrec",$options);

    //     $res.done( (data) => {
    //         let $g = data.g;
    //         $g = $g || [];
    //         $(".res_search").html( $g.map( (item) => {
    //             return  `<li>${item.q}</li>`     
    //             }).join("") 
    //         )
    //     })
    // })
    // $(".ipt_search").on("focus",() => {
    //     $(".res_search")[0].style.display = "block";
    // });
    // $(".ipt_search").on("blur",() => {
    //     $(".res_search")[0].style.display = "none";
    // })


    
    

      
    // // banner 轮播图部分js原生语法
    // let index = 0;
    // let index_prev = 0;
    // function next(){
    //     let $slides = $(".slide");
    //     if(index === $slides.length - 1){
    //         index = 0;
    //         index_prev = $slides.length - 1;
    //     }else{
    //         index += 1;
    //         index_prev = index - 1;
    //     }
    //     // 利用循环结构添加与删除类名
    //     for(let i = 0; i < $slides.length; i++){
    //         $slides.removeClass("active");
    //         $slides.removeClass("prev");
    //     }
    //     $slides[index].classList.add("active");
    //     $slides[index_prev].classList.add("prev"); 
    //     handlerPagination();
    //     changeImage(index);
    // }


    // function prev(){
    //     let $slides = $(".slide");
    //     if(index === 0){
    //         index = $slides.length - 1;
    //         index_prev = 0;
    //     }else{
    //         index -= 1;
    //         index_prev = index + 1;
    //     }
    //     for(let i = 0; i < $slides.length; i++){
    //         $slides.removeClass("active");
    //         $slides.removeClass("prev");
    //     }
    //     $slides[index].classList.add("active");
    //     $slides[index_prev].classList.add("prev");    
    // }
    // // 轮播图原生js淡入淡出动画功能


    // // 添加分页器功能
    // function setSpan(){
    //     let $slides = $(".slide")
    //     for(let i = 0; i < $slides.length; i++){
    //         // 为什么只创建了一份？前面创建的内容被覆盖了
    //         // $(".pagination").html(`<span class="active" data-index = ${i}></span>`)
    //         // 方法一：为上面html方法的正确添加
    //         // $(".pagination").append(`<span class="active" data-index = ${i}></span>`)
    //         // 方法二：利用创建元素的API实现元素的创建
    //         let $span = $("<span>");
    //         $span.attr("data-index",i);
    //         $(".pagination").append($span);
    //     }
    //     $("span[data-index = 0]").addClass("active");
    // }
    // // 分页器划入划出动画
    
    // function handlerPagination(){
    //     let $spans = $("span[data-index]");
    //     for(let i = 0; i < $spans.length; i++){
    //         $spans.removeClass("active");
    //     }
    //     $spans[index].classList.add("active");
    // }
    // // 自动切换功能 jqdom.trigger("事件名")
    // // let t = setInterval(function(){
    // //     $(".button-next").trigger("click");
    // // },1500);
    // let t = setInterval(next,1500)
    // // 鼠标划入轮播图，实现关闭自动播放功能
    // function handlerMouseEnter(){
    //     clearInterval(t);
    // }
    // // 实现鼠标划出，启动自动播放功能
    // function handlerMouseLeave(){
    //     clearInterval(t);
    //     t = setInterval(function(){
    //         $(".button-next").trigger("click");
    //     },1500);
    // }
    // // 改变banner背景图
    // function changeImage(i){
    //     let $color_attry = ["#f3f3f3","#7281F6","#EF1313","#E0D8D6","#B32323","#AC93D7"];
    //     $(".container")[0].style.background = `${$color_attry[i]}`;
    // }

    // setSpan();
    // $(".button-next").on("click",next);
    // $(".button-prev").on("click",prev);
    // $(".container").on("mouseenter",handlerMouseEnter);
    // $(".container").on("mouseleave",handlerMouseLeave);
    // changeImage();
    

    
    // // content中使用swiper插件实现轮播图功能
    // let $options = {
    //     direction: 'vertical',
    //     loop : true,
    //     autoplay: {
    //         delay: 2000,
    //         stopOnLastSlide: false,
    //         disableOnInteraction: true,
    //     }
    // }
    // let $mySwiper = new Swiper('.bottom-right', $options)
    // // 鼠标移入移除功能
    // $mySwiper.el.onmouseover = function(){
    //     $mySwiper.autoplay.stop();
    //   }
    // $mySwiper.el.onmouseout = function(){
    //     $mySwiper.autoplay.start();
    //   }
    



    // //recommend： ajax发送请求，响应数据并且渲染页面
    // function recommendData(){
    //     let options = {
    //         data : {
    //             pagesize : 30
    //         }
    //     }
    //     return $.ajax("http://localhost:8888/goods/list",options)
    // }
    // // 渲染页面功能
    // function renderPage(data){
    //     let {list} = data;
    //     $(".ajax_content").html(list.map((item) => {
    //         return `<li class="data-container" data-id=${item.goods_id}>
    //                     <img class="lazyload" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fhbimg.huabanimg.com%2F2e875b78e4979cf750ff082b1b7561879f1e8ac377f4-hEUmN7_fw658&refer=http%3A%2F%2Fhbimg.huabanimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1668865613&t=c5c2e5c902dd89057288085fe6eca1c9" data-src="${item.img_big_logo}" alt="">
    //                     <h3>${item.title}</h3>
    //                     <h2>${item.price}</h2>
    //                 </li>`
    //         }).join("")
    //     )
    //      // 懒加载
    //     //  1添加lazyload类名、2将加载图片路径填写在src中，将响应数据的图片路径写在data-src中、3调用懒加载函数lazyload()
    //      lazyload();
    // }
    // recommendData().done(renderPage);
   
    // // 跳转详情页
    // function jumpPage(){
    //     // 在jquery事件委托处理函数之中，this指向当前触发事件的dom对象
    //     location.href = "detail.html#" + $(this).attr("data-id");
    // }

    // // 因为触发事件的元素还未渲染，所以需要将事件委托给父元素
    // $(".ajax_content").on("click",".data-container",jumpPage);

// })